<template>
    <div>
       
<navbar mytitle="111111" class="navbar" id="navbarid" style="background-color: yellow;"
@click="handleclick"></navbar>

<!-- 上面这些属性都会透传到子组件上(根节点上)，如果子组件上本身就有一个class属性，会合并。其实事件也会透传如click。
如果要拒绝透传，就在子组件上加上 inheritAttrs: false
加上这个属性后，子组件的根节点就禁止透传父组件传来的属性和事件了，但还以设置透传到子组件的根节点中的某个组件上，如button上:
v-bind="$attrs"-->
    </div>
</template>

<script>
import Navbar from "./Navbar.vue";

export default {
    data(){
        return {
           
            
        }
    },
   
    components: {
        Navbar
    },
    methods:{
        handleclick(){
            console.log("clicked");
        }
    }
};
</script>